<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>预警管理</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta name="screen-orientation" content="portrait" />
    <!-- <link rel="stylesheet" href="../Resources/css/mui.css"> -->
    <link rel="stylesheet" href="/Resources/2.0/css/public.css">
    <link rel="stylesheet" href="/Resources/2.0/css/aimManage.css">
    <script src="/Resources/2.0/js/size.js"></script>


</head>

<body>
    <div class="flexall aimManage" id="app">
        <ul class="aim-tab">
            <li class="active"><a href="javascript:;">我的规则<span class="border"></span></a></li>
            <li><a href="javascript:;">云预警规则<span class="border"></span></a></li>
        </ul>

        <div class="tab-content flex">
            <div class="tab-content-inner flexall">
                <div class="flex">
                    <ul class="aimManage-list">
                        <li>
                            <div class="aimManage-list-title clear">
                                <div class="fl">
                                    <div class="title-name">
                                        螺纹
                                        <span class="title-name-type">
                                            来自云规则
                                        </span>
                                    </div>
                                </div>
                                <div class="fr">
                                    <div class="title-state">
                                        <a href="javascript:;" class="del">
                                            删除
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="aimManage-list-content">
                                <div class="aimManage-list-content-inner if">
                                    <div class="condition-text color6">
                                        如果
                                    </div>
                                    <div class="condition-title">
                                        螺纹杭州日库存
                                    </div>
                                    <div class="condition-sign color6">
                                        <= </div> <div class="condition-weight fr">
                                            30万吨
                                    </div>
                                </div>
                                <div class="aimManage-list-content-inner and">
                                    <div class="condition-text color6">
                                        且
                                    </div>
                                    <div class="condition-title">
                                        螺纹杭州日库存
                                    </div>
                                    <div class="condition-sign color6">
                                        <=</div> <div class="condition-weight fr">
                                            30万吨
                                    </div>
                                </div>
                                <div class="aimManage-list-content-inner then">
                                    <div class="condition-text color6">
                                        就
                                    </div>
                                    <div class="condition-title">
                                        螺纹杭州日库存
                                    </div>
                                    <div class="condition-range">
                                        上涨
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="aimManage-list-title clear">
                                <div class="fl">
                                    <div class="title-name">
                                        中板
                                        <span class="title-name-type">
                                            自定义
                                        </span>
                                    </div>
                                </div>
                                <div class="fr">
                                    <div class="title-state">
                                        <a href="javascript:;" class="del">
                                            删除
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="aimManage-list-content">
                                <div class="aimManage-list-content-inner if">
                                    <div class="condition-text color6">
                                        如果
                                    </div>
                                    <div class="condition-title">
                                        螺纹杭州日库存
                                    </div>
                                    <div class="condition-sign color6">
                                        <= </div> <div class="condition-weight fr">
                                            30万吨
                                    </div>
                                </div>
                                <div class="aimManage-list-content-inner and">
                                    <div class="condition-text color6">
                                        且
                                    </div>
                                    <div class="condition-title">
                                        螺纹杭州日库存
                                    </div>
                                    <div class="condition-sign color6">
                                        <=</div> <div class="condition-weight fr">
                                            30万吨
                                    </div>
                                </div>
                                <div class="aimManage-list-content-inner then">
                                    <div class="condition-text color6">
                                        就
                                    </div>
                                    <div class="condition-title">
                                        螺纹杭州日库存
                                    </div>
                                    <div class="condition-range">
                                        上涨
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="aimManage-list-title clear">
                                <div class="fl">
                                    <div class="title-name">
                                        中板
                                        <span class="title-name-type">
                                            自定义
                                        </span>
                                    </div>
                                </div>
                                <div class="fr">
                                    <div class="title-state">
                                        <a href="javascript:;" class="del">
                                            删除
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="aimManage-list-content">
                                <div class="aimManage-list-content-inner if">
                                    <div class="condition-text color6">
                                        如果
                                    </div>
                                    <div class="condition-title">
                                        螺纹杭州日库存
                                    </div>
                                    <div class="condition-sign color6">
                                        <= </div> <div class="condition-weight fr">
                                            30万吨
                                    </div>
                                </div>
                                <div class="aimManage-list-content-inner and">
                                    <div class="condition-text color6">
                                        且
                                    </div>
                                    <div class="condition-title">
                                        螺纹杭州日库存
                                    </div>
                                    <div class="condition-sign color6">
                                        <=</div> <div class="condition-weight fr">
                                            30万吨
                                    </div>
                                </div>
                                <div class="aimManage-list-content-inner then">
                                    <div class="condition-text color6">
                                        就
                                    </div>
                                    <div class="condition-title">
                                        螺纹杭州日库存
                                    </div>
                                    <div class="condition-range">
                                        上涨
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="bottom-button">
                    <a href="javascript:;" class="col">
                        <i class="icon icon-plus"></i>
                        <span class="add-text">添加预警</span>
                    </a>
                </div>
            </div>
            <div class="tab-content-inner flexall" style="display:none">
                <div class="search flexall-hor">
                    <div class="search-input flex">
                        <div class="search-input-inner">
                            <i class="icon icon-search"></i>
                            <input type="text">
                            <i class="icon icon-clear" style="display: none;"></i>
                        </div>
                    </div>
                    <a href="javascript:;" class="search-handle">
                        搜索
                    </a>
                </div>
                <div class="flex">
                    <ul class="aimManage-list">
                        <li>
                            <div class="aimManage-list-title clear">
                                <div class="fl">
                                    <div class="title-name">
                                        螺纹
                                        <span class="title-name-type">
                                            来自云规则
                                        </span>
                                    </div>
                                </div>
                                <div class="fr">
                                    <div class="title-state">
                                        <a href="javascript:;" class="add">
                                            添加到我的规则
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="aimManage-list-content">
                                <div class="aimManage-list-content-inner if">
                                    <div class="condition-text color6">
                                        如果
                                    </div>
                                    <div class="condition-title">
                                        螺纹杭州日库存
                                    </div>
                                    <div class="condition-sign color6">
                                        <= </div> <div class="condition-weight fr">
                                            30万吨
                                    </div>
                                </div>
                                <div class="aimManage-list-content-inner and">
                                    <div class="condition-text color6">
                                        且
                                    </div>
                                    <div class="condition-title">
                                        螺纹杭州日库存
                                    </div>
                                    <div class="condition-sign color6">
                                        <=</div> <div class="condition-weight fr">
                                            30万吨
                                    </div>
                                </div>
                                <div class="aimManage-list-content-inner then">
                                    <div class="condition-text color6">
                                        就
                                    </div>
                                    <div class="condition-title">
                                        螺纹杭州日库存
                                    </div>
                                    <div class="condition-range">
                                        上涨
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="aimManage-list-title clear">
                                <div class="fl">
                                    <div class="title-name">
                                        中板
                                        <span class="title-name-type">
                                            自定义
                                        </span>
                                    </div>
                                </div>
                                <div class="fr">
                                    <div class="title-state">
                                        <span class="state color6">
                                            已添加
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <div class="aimManage-list-content">
                                <div class="aimManage-list-content-inner if">
                                    <div class="condition-text color6">
                                        如果
                                    </div>
                                    <div class="condition-title">
                                        螺纹杭州日库存
                                    </div>
                                    <div class="condition-sign color6">
                                        <= </div> <div class="condition-weight fr">
                                            30万吨
                                    </div>
                                </div>
                                <div class="aimManage-list-content-inner and">
                                    <div class="condition-text color6">
                                        且
                                    </div>
                                    <div class="condition-title">
                                        螺纹杭州日库存
                                    </div>
                                    <div class="condition-sign color6">
                                        <=</div> <div class="condition-weight fr">
                                            30万吨
                                    </div>
                                </div>
                                <div class="aimManage-list-content-inner then">
                                    <div class="condition-text color6">
                                        就
                                    </div>
                                    <div class="condition-title">
                                        螺纹杭州日库存
                                    </div>
                                    <div class="condition-range">
                                        上涨
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="aimManage-list-title clear">
                                <div class="fl">
                                    <div class="title-name">
                                        中板
                                        <span class="title-name-type">
                                            自定义
                                        </span>
                                    </div>
                                </div>
                                <div class="fr">
                                    <div class="title-state">
                                        <span class="state color6">
                                            已添加
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <div class="aimManage-list-content">
                                <div class="aimManage-list-content-inner if">
                                    <div class="condition-text color6">
                                        如果
                                    </div>
                                    <div class="condition-title">
                                        螺纹杭州日库存
                                    </div>
                                    <div class="condition-sign color6">
                                        <= </div> <div class="condition-weight fr">
                                            30万吨
                                    </div>
                                </div>
                                <div class="aimManage-list-content-inner and">
                                    <div class="condition-text color6">
                                        且
                                    </div>
                                    <div class="condition-title">
                                        螺纹杭州日库存
                                    </div>
                                    <div class="condition-sign color6">
                                        <=</div> <div class="condition-weight fr">
                                            30万吨
                                    </div>
                                </div>
                                <div class="aimManage-list-content-inner then">
                                    <div class="condition-text color6">
                                        就
                                    </div>
                                    <div class="condition-title">
                                        螺纹杭州日库存
                                    </div>
                                    <div class="condition-range">
                                        上涨
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

    </div>


    <script src="/Resources/2.0/js/zepto.js"></script>
    <script src="/Resources/2.0/js/mui.min.js"></script>
    <script src="/Resources/2.0/js/public.js"></script>
    <script>
        // tab切换
        mui('.aim-tab').on('tap', 'li>a', function () {
            var aim = Zepto(this).closest('li');
            var index = aim.index();
            aim.addClass('active').siblings('li').removeClass('active');
            Zepto('.tab-content-inner').hide().eq(index).show()

        })
        // 删除
        mui('.title-state').on('tap', '.del', function () {
            Zepto(this).closest('li').remove()
        })
    </script>


</body>

</html>